<template>
    <el-scrollbar height="100%" class="el-menu-scrollbar">
        <el-menu :default-active="$route.path" :collapse="app.siderCollapse" unique-opened>
            <GlobalSiderSiderItem :menu="routeStore.menus" />
        </el-menu>
    </el-scrollbar>
</template>

<script lang="ts" setup>
import { useAppStore, useRouteStore } from '@/store';

import GlobalSiderSiderItem from './GlobalSiderSiderItem.vue';

const app = useAppStore();

const routeStore = useRouteStore();
console.log(routeStore, 'routeStore');
</script>
<style scoped lang="scss">
.el-menu-scrollbar {
    height: 100%;
    ::v-deep .el-scrollbar__view,
    ::v-deep .el-menu {
        height: 100%;
    }
}
.sidlerleftSvg {
    margin-right: 8px;
}
</style>
